<script src="static/js/ajax_search.js"></script>
<style>
    .show: {
        visibility: visible;
    }

    .not-show: {
        visibility: hidden;
    }
</style>
<div>
    <div align="center">
        <label for="rec"><strong>SELECT AN EXERCISE TYPE</strong></label>
        <br>
        <br>
        <input id="search_box" type="text" placeholder="search" onkeyup="showResult(this.value)"/>


        <br>
        <br>
        </body>
    </div>

    <div id="txtHint" align="center">

        <div id="Dancing" class="exercise d-inline"><a href="fitness.php"><img src="assets/dancing.png" height="250"
                                                                           width="300"/> </a>
        </div>
        <div id="Walking" class="exercise d-inline">
            <a  href="fitness.php"><img src="assets/walking.png" height="250"
                                                             width="300"/> </a>
        </div>
        <div id="Walking_Dog" class="exercise d-inline">
            <a href="fitness.php"><img src="assets/walkingdog.png" height="250"
                                                             width="300"/> </a>
        </div>
    </div>


    <br>
    <br>
    <div align="center">
        <input type="submit" onclick="window.location.href='logout.php'" value="logout"/>
    </div>
</div>